* {
  margin: 0;
  padding: 0;
}
body {
  font-family: 微软雅黑;
  font-size: 12px;
}
@font-face {
  font-family: 'iconfont';
  src: url('../iconfont/ux_1476232845_9934392/iconfont.eot');
  src: url('../iconfont/ux_1476232845_9934392/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../iconfont/ux_1476232845_9934392/iconfont.woff') format('woff'), /* chrome、firefox */ url('../iconfont/ux_1476232845_9934392/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('../iconfont/ux_1476232845_9934392/iconfont.svg#iconfont') format('svg');
  
  /* IE9*/
  /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.left {
  /*工作技能*/
}
.left .message {
  margin-top: 30px;
  /*个人信息*/
}
.left .message span {
  display: block;
  width: 180px;
  height: 20px;
  background: #EB7D04;
  color: white;
  font-size: 12px;
  padding-left: 5px;
}
.left .message ul {
  /*个人信息*/
  font-size: 12px;
  color: white;
  margin-top: 15px;
  list-style: none;
  margin-top: 10px;
}
.left .message ul li {
  margin-top: 10px;
}
.left .workskill {
  margin-top: 43px;
}
.left .workskill span.skills {
  display: block;
  width: 180px;
  height: 20px;
  background: #92B630;
  color: white;
  font-size: 12px;
  padding-left: 5px;
}
.left .workskill .game {
  margin-top: 8px;
}
.left .workskill .game p {
  float: left;
  color: white;
  margin-top: 8px;
}
.left .workskill .game .one1 {
  padding-left: 25px;
}
.left .workskill .game .one1 .one2,
.left .workskill .game .one1 .one3 {
  float: left;
  width: 20px;
  height: 6px;
  margin-top: 14px;
  margin-left: 5px;
  border: 1px solid #E7A906;
  transform: skew(-30deg);
}
.left .workskill .game .one1 .one2 {
  background: #E7A906;
}
.left .workskill .word {
  margin-top: 45px;
}
.left .workskill .word p {
  float: left;
  color: white;
  margin-top: 10px;
}
.left .workskill .word .two1 .two2,
.left .workskill .word .two1 .two3 {
  float: left;
  width: 20px;
  height: 6px;
  margin-top: 14px;
  margin-left: 5px;
  border: 1px solid #E86D6F;
  transform: skew(-30deg);
}
.left .workskill .word .two1 .two2 {
  background: #E86D6F;
}
.left .workskill .excel {
  margin-top: 82px;
}
.left .workskill .excel p {
  float: left;
  color: white;
  margin-top: 10px;
}
.left .workskill .excel .three1 {
  margin-left: 20px;
}
.left .workskill .excel .three1 .three2,
.left .workskill .excel .three1 .three3 {
  float: left;
  width: 20px;
  height: 6px;
  margin-top: 14px;
  margin-left: 5px;
  border: 1px solid #35A6D2;
  transform: skew(-30deg);
}
.left .workskill .excel .three1 .three2 {
  background: #35A6D2;
}
.left .hobby {
  margin-top: 160px;
}
.left .hobby span {
  display: block;
  width: 180px;
  height: 20px;
  margin-top: 70px;
  background: #E86D6F;
  color: white;
  font-size: 12px;
  padding-left: 5px;
}
.left .hobby .hobbys {
  margin-top: 15px;
  margin-left: -10px;
}
.left .hobby .hobbys .hobbys_1 {
  float: left;
}
.left .hobby .hobbys .hobbys_1 i {
  margin-top: 5px;
  margin-left: 10px;
  font-size: 28px;
  color: white;
}
.left .hobby .hobbys .hobbys_1 p {
  margin-top: 12px;
  color: white;
}
.left .hobby .hobbys .hobbys_2 {
  float: left;
  margin-top: -4px;
}
.left .hobby .hobbys .hobbys_2 i {
  margin-top: 5px;
  margin-left: 15px;
  font-size: 32px;
  color: white;
}
.left .hobby .hobbys .hobbys_2 p {
  margin-left: 15px;
  margin-top: 11px;
  color: white;
}
.left .hobby .hobbys .hobbys_3 {
  float: left;
  margin-top: -1px;
}
.left .hobby .hobbys .hobbys_3 i {
  margin-top: 5px;
  margin-left: 23px;
  font-size: 28px;
  color: white;
}
.left .hobby .hobbys .hobbys_3 p {
  margin-left: 23px;
  margin-top: 13px;
  color: white;
}
.left .hobby .hobbys .hobbys_4 {
  float: left;
  margin-top: 3px;
}
.left .hobby .hobbys .hobbys_4 i {
  margin-top: 3px;
  margin-left: 23px;
  font-size: 28px;
  color: white;
}
.left .hobby .hobbys .hobbys_4 p {
  margin-left: 23px;
  margin-top: 9px;
  color: white;
}
.right .edubg {
  width: 100%;
  height: 130px;
  border: 1px solid #E0E1E3;
}
.right .edubg .bg1 span {
  float: left;
  font-weight: bold;
  font-size: 22px;
}
.right .edubg .bg1 .bgcolor1 {
  float: left;
  width: 350px;
  height: 7px;
  margin-top: 12px;
  margin-left: 23px;
  background: #35A6D2;
}
.right .edubg .content1 .content1_1 {
  margin-top: 35px;
  /*   width: 130px;
          height: 20px;
          border: 1px solid gray;*/
}
.right .edubg .content1 .content1_1 .circle1 {
  display: block;
  float: left;
  width: 13px;
  height: 13px;
  margin-left: 5px;
  margin-top: 2px;
  background: #FD8655;
  border: 1px solid #FD8655;
  border-radius: 6px;
}
.right .edubg .content1 .content1_1 span {
  margin-left: 10px;
  font-size: 11px;
}
.right .edubg .content1 .content1_2 {
  margin-top: 10px;
}
.right .edubg .content1 .content1_2 span {
  margin-left: 10px;
}
.right .edubg .content1 .content1_2 p {
  margin-left: 10px;
}
.right .work {
  width: 100%;
  height: 170px;
  border: 1px solid #E0E1E3;
  margin-top: 10px;
}
.right .work .bg2 span {
  float: left;
  font-weight: bold;
  font-size: 22px;
}
.right .work .bg2 .bgcolor2 {
  float: left;
  width: 350px;
  height: 7px;
  margin-top: 12px;
  margin-left: 23px;
  background: #EB7D04;
}
.right .work .content2 .content2_1 {
  margin-top: 35px;
  /*   width: 130px;
         height: 20px;
         border: 1px solid gray;*/
}
.right .work .content2 .content2_1 .circle2 {
  display: block;
  float: left;
  width: 13px;
  height: 13px;
  margin-left: 5px;
  margin-top: 2px;
  background: #FD8655;
  border: 1px solid #FD8655;
  border-radius: 6px;
}
.right .work .content2 .content2_1 span {
  margin-left: 10px;
  font-size: 11px;
}
.right .work .content2 .content2_2 {
  margin-top: 10px;
}
.right .work .content2 .content2_2 span {
  margin-left: 10px;
}
.right .work .content2 .content2_2 p {
  margin-left: 10px;
}
.right .evaluation {
  width: 100%;
  height: 130px;
  border: 1px solid #E0E1E3;
  margin-top: 10px;
}
.right .evaluation .bg3 span {
  float: left;
  font-weight: bold;
  font-size: 22px;
}
.right .evaluation .bg3 .bgcolor3 {
  float: left;
  width: 350px;
  height: 7px;
  margin-top: 12px;
  margin-left: 23px;
  background: #92B630;
}
.right .evaluation .content3 {
  margin-top: 45px;
}
.right .evaluation .content3 .content3_1 {
  margin-top: 10px;
}
.right .evaluation .content3 .content3_1 .circle3 {
  display: block;
  float: left;
  width: 5px;
  height: 5px;
  margin-left: 5px;
  margin-top: 5px;
  background: black;
  border: 1px solid #000;
  border-radius: 6px;
}
.right .evaluation .content3 .content3_1 span {
  margin-left: 10px;
  font-size: 11px;
}
.right .prize {
  width: 101%;
  height: 250px;
  border: 1px solid #E0E1E3;
  margin-top: 10px;
}
.right .prize .bg4 span {
  float: left;
  font-weight: bold;
  font-size: 22px;
}
.right .prize .bg4 .bgcolor4 {
  float: left;
  width: 350px;
  height: 7px;
  margin-top: 12px;
  margin-left: 23px;
  background: #E86D6F;
}
.right .prize .content4 {
  margin-top: 45px;
}
.right .prize .content4 .content4_1 .date {
  display: block;
  margin-top: 10px;
  font-weight: bold;
  font-size: 15px;
}
.right .prize .content4 .content4_1 .honor {
  font-size: 15px;
  margin-left: 65px;
  margin-top: -8px;
}
.right .prize .content4 .content4_1 .honor span {
  display: block;
}
.right .prize .content4 .content4_2 .show {
  display: block;
  margin-top: 10px;
  font-weight: bold;
  font-size: 15px;
}
.right .prize .content4 .content4_2 .workshow {
  font-size: 15px;
  margin-left: 65px;
  margin-top: -8px;
}
.right .prize .content4 .content4_2 .workshow .workshow_1 {
  display: block;
  float: left;
}
.right .prize .content4 .content4_2 .workshow .workshow_2 {
  /* width: 90px;
            height: 70px;
            background: red;*/
  display: block;
  float: left;
}
.right .prize .content4 .content4_2 .workshow .workshow_2 img {
  width: 40px;
  height: 40px;
  margin-left: 32px;
}
.right .prize .content4 .content4_2 .workshow .workshow_2 p {
  margin-top: 14px;
}
.right .prize .content4 .content4_2 .workshow .workshow_3 {
  /*  display: block;
            width: 90px;
            height: 70px;
            background: gold;*/
  display: block;
  float: left;
  margin-left: 5px;
}
.right .prize .content4 .content4_2 .workshow .workshow_3 img {
  width: 40px;
  height: 40px;
  margin-left: 32px;
}
.right .prize .content4 .content4_2 .workshow .workshow_3 p {
  margin-top: 14px;
}
